<template>
	<view :class="['follow',device == 'ios'?'iosPadding':'androidPadding']">
		<view :class="device=='ios'?'ios_pageTitle':'and_pageTitle'">
			<view class="statusBar"></view>
			<view :class="['pageTitle','dFlex','jStart_aCenter']">
				<view class="backIcon imgPublic" @tap.stop='back'>
					<image src="https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/backIcon2.png" mode='widthFix'></image>
				</view>
				<view class="title">
					开蒙博思
				</view>
				<view class="backIcon imgPublic" style="visibility: hidden;">
					<image src="https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/backIcon2.png" mode='widthFix'></image>
				</view>
			</view>
		</view>
		<view class="part dFlex flexDirection jStart_aCenter">
			<view class="logoIcon imgPublic">
				<image src="https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/logo.png" mode="widthFix"></image>
			</view>
			<view class="erweima imgPublic">
				<image src="https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/ggh.jpg" mode="widthFix"></image>
			</view>
			<view class="toast">扫一扫二维码，关注我们！</view>
			<view class="gift">
				<view class="title">———<text>绑定后您将获得</text>———</view>
				<view class="giftIcon imgPublic">
					<image src="https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/gift.png" mode="widthFix"></image>
				</view>
				<view class="adv">海量好礼免费领~</view>
				<view class="adv">每月活动信息推送</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				thumb:'../static/ggh.jpg',
			};
		},
		onShareAppMessage() {
			this.tool.monitor();
			return {
				title:'加一精选',
				path:'/pages/seller',
				imageUrl:'https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/logo.png',
				desc:'这里有众多优质好物等您来选择',
			} 
		},
		onShareTimeline() {
			this.tool.monitor();
			let share = {
				title:'加一精选',
				path:'/pages/seller',
				imageUrl:'https://zl-tuangou.oss-cn-qingdao.aliyuncs.com/cMini/logo.png',
				desc:'这里有众多优质好物等您来选择',
			}
			return share;
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #FC9700;
	}
	.follow{
		width: 100%;
		padding-left:  4%;
		padding-right:  4%;
		box-sizing: border-box;
		.part{
			margin-top:12px;
			padding: 52px 36px;
			box-sizing: border-box;
			background: white;
			border-radius: 40rpx;
			.logoIcon{
				width: 220rpx;
			}
			.erweima{
				width: 500rpx;
				height: 500rpx;
				margin: 30rpx auto 40rpx;
			}
			.toast{
				font-size: 13px;
				color: #AAAAAA;
				text-align: center;
			}
			.gift{
				width: 100%;
				margin-top: 140rpx;
				text-align: center;
				.title{
					color: #D1D1D1;
					font-size: 12px;
					margin-bottom: 40rpx;
					text{
						color: #282828;
						padding: 0 4px;
						font-size: 14px;
					}
				}
				.giftIcon{
					width: 164rpx;
					height: 164rpx;
					margin:0 auto 14rpx;
				}
				.adv{
					text-align: center;
					color:#282828;
					font-weight: bold;
				}
			}
		}
		.ios_pageTitle,.and_pageTitle{
			.pageTitle{
				.backIcon{
					width: 56rpx;
				}
				color: white;
			}
		}
	}
</style>
